*{margin:0;padding:0;word-wrap:break-word;}
body{font:normal 12px Tahoma;color:#FFF;background:url(bg.png) repeat-x #263E59;}
a{text-decoration:none;color:#6FF;}
a:hover{text-decoration:underline;}
img{border:0;}
option{padding:0 5px 0 3px;}
h2{font:bold 17px Tahoma;margin:10px 0;}

.clear{clear:both;}
.p{margin:10px 0;}

#thumbBox{position:absolute;left:0;top:0;padding:7px;background:#EEE;visibility:hidden;z-index:10;cursor:hand;cursor:pointer;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;-khtml-border-radius:5px;box-shadow:1px 1px 5px #555;z-index:1001;}
#thumbBox .footerbar{font:bold 16px/1.1em Arial;padding:5px 0 0;text-align:right;color:#000;}
#thumbBox #thumbImage{border:1px solid #DDD;background:#FFF;}
#thumbLoading{position:absolute;top:0;visibility:hidden;border:1px solid black;background:#FFF;padding:5px;z-index:1001;}
#loginhead{border-bottom:#CCCCCC solid 1px;height:23px;background:#fff;color:#000;}
#loginhead img{width:auto;}
#loginhead a{color:#00F;}
.tops,.menu,.t,.button span,.button .em a,.prodtype,#idnwshare a,#lang span{background:url(gfi.png) repeat-x;}
.wrap{width:900px;margin:0 auto;}
.tops{background-position:0 -31px;font:12px/25px Arial;height:25px;padding:0 0 4px;}
.mtype{font-weight:bold;float:left;}
.since{font:normal 11px Arial;color:#fff;}
#lang{float:right;color: #ffffff;font-weight: bold;}
#lang a{float:left;display:block;}
#lang div{float:left;}
#lang span{display:block;float:left;width:15px;height:15px;margin:12px 3px 0;vertical-align:middle;}
#lang .flag-id{background-position:0px 0;}
#lang .flag-en{background-position:0px -16px;}
#idnwshare{position:absolute;right:0;text-align:right;bottom:10px;}
#idnwshare a{display:block;float:left;width:23px;height:23px;margin-left:5px; overflow: hidden;}
#idnwshare .fb{background-position:0 -259px;}
#idnwshare .tw{background-position:0 -236px;}
#idnwshare .gp{background-position:0 -213px;}
#idnwshare .in{background-position:0 -190px;}
.cp{width:900px;padding:10px 0;color:#FF0;}
.cp img{float:left;margin:0 10px 0 0;}
.mrq{height:30px;font:bold 13px/30px Arial;}
.mrq a{margin:0 3px;}
#jsmarquee{position:relative;overflow:hidden;height:30px;}
#vmarquee{position:absolute;left:0;}

.menu{height:50px;background-position:0 -60px;border-top:#000 solid 1px;font-weight:bold;}
.menu span{display:block;float:left;padding:0 8px;line-height:50px;}
.menu span.current,.menu span:hover{background:#6E4E81;}
.menu a{color:#000;}
.menu a:hover{color:#FFF;text-decoration:none;}
.ddmenu{padding:0 !important;}
.ddmenu,.sddmenu{position:relative;_zoom:1;z-index:10}
.ddmenu.hover .smenu,.sddmenu.hover .ssmenu{display:block;}
.smenu{display:none;position:absolute;top:50px;left:0;list-style:none;z-index:1001;background:#7AECF8;border:#000 solid;border-width:1px 0;width:180px;}
.smenu li{font:11px/30px Tahoma;padding:0 8px;}
.smenu li:hover{background:#6E4E81;}
.smenu a{display:block;overflow:hidden;height:32px;}
.ssmenu{display:none;position:absolute;top:0;left:100%;list-style:none;z-index:1001;background:#7AECF8;border:#000 solid;border-width:1px 0;width:180px;}
.ssmenu li{font:11px/30px Tahoma;padding:0 8px;}
.ssmenu li:hover{background:#6E4E81;}
.ssmenu a{display:block;overflow:hidden;height:32px;}
.qsearch{border:1px solid #C3C3C3;background:#FFF;float:right;margin:10px 0;}
.qsearch #q{border:none;font:12px Arial;color:#777;background:transparent;float:left;padding:6px;width:140px;}
.qsearch #q.focus{color:#000;}

.np{background:#617994 url(gb.jpg) no-repeat right;}
/* Scroller */
.sagscroller{width:250px;height:135px;overflow:hidden;position:relative;z-index:5;padding: 5px 0 0;}
.sagscroller a{font-weight:bold;display:block;}
.sagscroller ul{position:absolute;list-style:none;width:100%;}
.sagscroller ul li{display:block;text-align:center;height:140px;}
.sagscroller img{border:none;}
.banner{float:right;width:640px;background:#617994;min-height:140px;}
.banner img{max-width:640px;height:auto;margin:0 auto;display:block;float:none;}

.button{float:left;margin-bottom:5px;}
.btn-r{float:right;}
.button span{display:block;height:25px;float:left;line-height:25px;}
.button .em a{background-position:0 -158px; padding: 7px;line-height:25px;border-radius: 3px;}
.button .m{background-position:0 -158px;border-radius: 3px;padding:0 5px;}
.button a{color:#000;font:bold 11px Tahoma;}
.button a:hover{text-decoration: none;}

.left{width:230px;padding:10px;float:left;background:#617994;margin:10px 0 0;}
.t{font:bold 13px/43px Tahoma;padding:0 5px;background-position:0 -114px;text-align:center;margin:0 0 10px;}
.cpcontact{padding:5px 0 5px 5px;zoom:1;}
.cpcontact .t{font:bold 14px Arial;color:#FD1;margin:0 0 10px;}
.cpcontact span{display:block;margin:9px 0;padding:0;overflow:hidden;}
.cpcontact p{margin: 0 5px 0 15px;}
.homepage div div{float:none !important;}
.insmeg{width:120px;height:16px;padding:5px 47px 5px 5px;overflow:hidden;background:url(arrow.png) no-repeat 105px 11px;}
.review{text-align:center;margin:0 0 10px;}
.review p{margin:10px 0;}
.review span{display:block;}
.reviw table{margin: 12px 0; border-bottom: 1px dashed #fff;padding:8px 0;}
.each{list-style:none;text-align:center;margin:0 0 10px;}
.each li{padding:0 10px;line-height:20px;border-top:#6F89A7 solid 1px;border-bottom:#4A627C solid 1px;}
.each li:hover{background:#596F87;border-top:#4A627C solid 1px;border-bottom:#6F89A7 solid 1px;}
.each a{display:block;}

.right{float:right;width:640px;padding:0 0 10px;color:#FFF;text-align:justify;}
.slider{width:640px;margin:10px 0 20px;position:relative;}
.slider-con{position:relative;height:235px;overflow:hidden;}
.slider-con li{position:absolute;width:640px;height:235px;top:0;left:0;opacity:0;filter:alpha(opacity=0);}
.slider-tab{position:absolute;left:0;bottom:10px;width:100%;height:10px;text-align:center;line-height:10px;font-size:0;text-align:center;z-index:10;}
.slider-tab a{background:#EEE;border-radius:10px;width:10px;height:10px;margin:0 3px;display:inline-block;*display:inline;*zoom:1;}
.slider-tab .current{background:#492e5b;}
.butprof{margin:20px 0 30px;height: 31px;}
.or{float: left; margin: 5px 8px 11px;}
.jsu {padding: 0 5px;}
.sdu{font:11px/20px Tahoma;margin:10px 0;color:#EEE;border-bottom:1px solid #1eddf5;padding:0 0 5px;}
.cpprod{list-style:square;margin:5px 0 0;}
.cpprod li{margin:0 0 0 14px;}
.incplist{text-align:center;margin:10px 0 0;}
.incplist a{font:bold 11px/30px Tahoma;border:solid 1px;border-color:#6F89A7 #4A627C #4A627C #6F89A7;background:#617994;padding:5px;}
.incplist a:hover{border-color:#4A627C #6F89A7 #6F89A7 #4A627C;}
.revpaging{padding:5px 10px;margin:5px 0;}
.rrlink{padding: 8px; background:#617994; color: #fff;list-style:none;}

.grupdesc{padding:0 0 10px;}
.grupdesc img{float:left;margin:0 10px 0 0;}
.inq{padding:5px;}
.inqbtn span{padding:12px 0;}
.inqbtn a span{padding:0;}
.inq span{float:left;}
.inqt .button{margin:5px 0;}.inqb .button{margin:5px 0 0;}
.selectall{float:left;font:11px/20px Tahoma;}
.selectall input{vertical-align:middle;}
.viewopt{float:right;margin:4px 0 0;}
.viewopt span{margin:0 0 0 5px;font:11px/12px Tahoma;float:left;padding:0 0 0 17px;background:url(listgrid.gif) no-repeat;}
.viewopt .gon{background-position:0 -36px;font-weight:bold;}
.viewopt .goff{background-position:0 -12px;}
.viewopt .lon{background-position:0 -24px;font-weight:bold;}
.viewopt .loff{background-position:0 0px;}
.ppp{float:right;margin:0 10px 0 0;font:11px Tahoma;}
.paging{margin:10px 0;text-align:right;}

.product{background:#617994;}
.prodtype{font:bold 12px Tahoma;padding:7px 5px;background-position:0 -122px;}
.prodtype a{color:#FFF;}
.litems{padding:5px;border-bottom:1px solid #4A627C;border-top:1px solid #6F89A7;}
.litems .box1{float:left;width:23px;height:15px;}
.litems .box2{float:left;margin:0 18px 8px 0;position:relative;}
.limg,.gitems .box2 a,.pimg a{display:table-cell;vertical-align:middle;text-align:center;background:#FFF;border:#CCC solid 1px;*display:block;}
.mojozoom_marker{position:absolute;cursor:crosshair;}
.mojozoom_fill{position:absolute;width:100%;height:100%;top:0;left:0;background:#FFF;-moz-opacity:0.4;-webkit-opacity:0.4;filter:alpha(opacity=40);opacity:0.4;}
.mojozoom_imgctr{position:absolute;margin-left:20px;border:1px solid black;}
.imgzoom{display:block;text-align:center;padding:2px 0 4px;font-size:11px;visibility:hidden;}
.imglist{background:#FFF;border:#CCC solid 1px;float:left;clear:left;position:relative;top:-1px;}
.imglist a{height:30px;width:30px;padding:5px;display:table-cell;text-align:center;vertical-align:middle;}
.imglist .current{background:#CCC;}
.imglist img{max-height:30px;max-width:30px;}
.litems .box3{width:605px;float:left;}
.litems .name{font:bold 15px Tahoma;margin:0 0 5px;}
.litems .name a{font:bold 12px Tahoma;}
.litems .date{color:#CCC;font:10px Arial;margin:0 0 10px 10px;}
.litems .desc{margin:5px 0 0;font:11px Tahoma;}
.litems .addedtb{margin:10px 0 0;padding:2px 5px;background:#4A627C;display:inline-block;border:#6F89A7 solid 1px;}
.litems .box4{float:right;width:410px;text-align:right;margin:10px 0 0;}
.litems .box5{padding-left:15px;}
.gitems{width:24.4%;float:left;text-align:center;padding:0 0 0 0.5%;margin:10px 0;position:relative;}
.gitems .box1{position:absolute;left:3px;_left:-3px;_top:-5px;}
.gitems .box2{margin:0 auto;width:122px;height:122px;background:#FFF;position:relative;overflow:hidden;}
.gitems .box3,.gitems .box4{text-align:center;overflow:hidden;margin:0 5px;}
.gitems .box3{white-space:nowrap;}
.gitems .box4{height:59px;}
.gitems .addedtb{position:absolute;top:0;left:0;}
.gitems .addedtb a{display:block;line-height:20px;height:20px;background:#000;opacity:0.5;filter:alpha(opacity=50);color:#FFF;}
.gitems .date{color:#CCC;font:10px Arial;}
.gitems .price{font-size:11px;line-height:13px;}
.gitems .desc{font:11px/13px Arial;margin:5px 0 0;}
.tbl{table-layout:fixed;*width:auto;}
.tbl th,.tbl td{font-size:11px;padding:4px 0;vertical-align:top;border-bottom:#6F89A7 dotted 1px;}
.tbl th{white-space:nowrap;font-weight:normal;text-align:left;padding-right:15px;}
.tbl td{font-weight:bold;}
.tbl .noborder th,.tbl .noborder td{border:none;}
.keterangan{margin:10px 0;font:11px Tahoma;}
.keterangan dt{font:bold 14px Tahoma;margin:0 0 10px;}
.pimg{float:left;text-align:center;margin:0 18px 8px 0;}
.pdnf{text-align:left;}
.pdnf .p{margin:10px 0;font-weight:bold;}
.pdnf li{font-weight:normal;margin:0 0 0 14px;}
textarea.r{width:525px;}

.bottom{width:100%;background:#617994;border-top:#000 solid 1px;text-align:center;font:11px Tahoma;padding:10px 0;}
.bottom .footermenu{margin:10px 0 0;font:bold 12px Arial;}
.bottom hr {display: none;}
.bottom .cpr{font:10px Tahoma;}
@media only screen and (max-width:768px){
.wrap,.banner,.banner img,#loginhead{width:99%;}
.right{width:65%}
.menu{height:100px}
.gitems{width:49%}
}
@media only screen and (max-width:480px){
#loginhead{height:50px}
.qsearch{width:37%}
.left,.right{float:none;width:99%}
.gitems{width:99%}
}